<template>
  <div>
    小明的分数:
    <p>语文:{{score1}}</p>
    <p>数学:{{score2}}</p>
    <!-- 使用计算属性和dat中的数据一样， -->
    <!-- 除了有缓存和普通函数没有区别  -->
    <!-- 好处：
    1.让模板中代码更清爽
    2.有缓存 -->
    <p>总分:{{totalScore}}</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      score1:5,
      score2:4
    }
  },
  // 所有的计算属性都定义在 computed 中
  //注意事项：计算属性是一个函数，必须要有返回值 
  computed:{
    totalScore(){
      return this.score1 + this.score2
    }
  }
}
</script>

<style>

</style>